<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
  <ui:composition template="/template/pPrincipal.xhtml">
  <ui:define name="head">
	<title>Asesor 360</title>
	<style type="text/css">
		.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
		    background:#66A2CF !important; 
		}
	</style>
 </ui:define>
 <ui:define name="titulopagina">
	<h:outputText value="ADMINISTRACIÓN DEL BACKTEST" />
</ui:define>

 <ui:define name="agregaIconoExcelRe"/>
 <ui:define name="agregaIconoEmail"/>
 <ui:define name="agregaIconoPDFRe"/>
 <ui:define name="agregaIconoEjecutivos"/>
 <ui:define name="bodyarea">
   
   <input type="hidden" id="nomReporte" name="nomReporte" value="administrarBackTest"/>
   <h:inputHidden value="#{administrarBackTest.hiddenText}"/>
   <f:event type="preRenderView" listener="#{administrarBackTest.onPageLoad}"/>
   <h:panelGrid id="idContentMain" width="100%">
	   <h:panelGrid width="100%" headerClass="cabeceraPanelSimple" cellspacing="0" 
	         cellpadding="5" styleClass="bordePanel" columns="1"
	         style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
	      <f:facet name="header">  
				<h:outputText value="Información de Portafolios en USD" />
	      </f:facet>
	      <h:panelGrid>
			    <p:dataTable id="backTestUSD" rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
					rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}"
					value="#{administrarBackTest.adminBackTestModel.listaBackTestUSD}" var="fila" emptyMessage="No existe información.">
	               <p:columnGroup type="header">  
	                     <p:row >  
	                        <p:column  width="200px" rowspan="2" headerText="Portafolio USD"/>  
	                        <p:column colspan="4" headerText="Retorno(%)"/>  
	                        <p:column rowspan="2" width="115px" headerText="Volatilidad (%) Promedio Anual"/>
	                        <p:column rowspan="2" width="115px"  headerText="Peor Caida (%) Consecutiva"/>
	                     </p:row> 
	                     <p:row>  
	                        <p:column headerText="Promedio Anual"/>  
	                        <p:column width="115px" headerText="Ultimos 12 Meses"/> 
	                        <p:column  width="100px" headerText="Mejor Año"/>
	                        <p:column  width="100px" headerText="Peor Año"/> 
	                     </p:row> 
	               </p:columnGroup>
	               <p:column style="width:200px">
						<h:outputText value="#{fila.nombre}" style="width:200px" />
					</p:column>
	               <p:column style="text-align:center">
					       <h:inputText value="#{fila.retornoProAnual}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
								styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
							<f:attribute name="align" value="center"  />
				    </p:column>
				    <p:column style="text-align:center">
						   <h:inputText value="#{fila.retornoUltMeses}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
								styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
								<f:attribute name="align" value="center" />
				     </p:column>
					<p:column style="text-align:center">
							<h:inputText value="#{fila.retornoMejorAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
							styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
							<f:attribute name="align" value="center" />
					</p:column>
					<p:column style="text-align:center">
							<h:inputText value="#{fila.retornoPeorAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
							styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
							<f:attribute name="align" value="center" />
					</p:column>
					<p:column style="text-align:center">
							<h:inputText value="#{fila.volatilidadProAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
							styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
							<f:attribute name="align" value="center" />
					</p:column>
					<p:column style="text-align:center">
							<h:inputText value="#{fila.peorCaida}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
							styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
							<f:attribute name="align" value="center" />
					</p:column>
		  		</p:dataTable>
	      </h:panelGrid>
	   </h:panelGrid>
	   <p:spacer height="20px"></p:spacer>
	   <h:panelGrid width="100%" headerClass="cabeceraPanelSimple" cellspacing="0" 
	         cellpadding="5" styleClass="bordePanel" columns="1"
	         style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
	      <f:facet name="header">  
				<h:outputText value="Información de Portafolios en PEN" />
	      </f:facet>
	      <h:panelGrid>
	       <p:dataTable id="backTestPEN" emptyMessage="No existe información." rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
				rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}"
				value="#{administrarBackTest.adminBackTestModel.listaBackTestPEN}" var="fila">
				<p:columnGroup type="header">  
	              <p:row >  
	                   <p:column  width="200px" rowspan="2" headerText="Portafolio PEN"/>  
	                   <p:column colspan="4" headerText="Retorno(%)"/>  
	                   <p:column rowspan="2" width="115px" headerText="Volatilidad (%) Promedio Anual"/>
	                   <p:column rowspan="2" width="115px"  headerText="Peor Caida (%) Consecutiva"/>
	              </p:row>  
	              <p:row>  
	                    <p:column headerText="Promedio Anual"/>  
	                    <p:column width="115px" headerText="Ultimos 12 Meses"/> 
	                    <p:column  width="100px" headerText="Mejor Año"/>
	                    <p:column  width="100px" headerText="Peor Año"/> 
	              </p:row>  
	          </p:columnGroup> 
	          <p:column style="width:200px" >
				 <h:outputText value="#{fila.nombre}" style="width:200px" />
			   </p:column>
			   <p:column style="text-align:center">
				<h:inputText value="#{fila.retornoProAnual}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
						styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
			   </p:column>
			   <p:column style="text-align:center">
					<h:inputText value="#{fila.retornoUltMeses}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
									styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
			   </p:column>
			   <p:column style="text-align:center">
					<h:inputText value="#{fila.retornoMejorAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
					styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
			   </p:column>
			   <p:column style="text-align:center" >
					<h:inputText value="#{fila.retornoPeorAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
					styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.volatilidadProAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
					styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.peorCaida}" onblur="formatTextNumber(this);limpiarMensajeBT();" 
					styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
		   </p:dataTable>
	      </h:panelGrid>
	    </h:panelGrid>
	    <p:spacer height="20px"></p:spacer>
	    <h:panelGrid width="100%" headerClass="cabeceraPanelSimple" cellspacing="0" 
	        cellpadding="5" styleClass="bordePanel" columns="1"
	        style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
	      <f:facet name="header">  
				<h:outputText value="Información de Portafolios en EUR" />
	      </f:facet>
	      <h:panelGrid>
	       <p:dataTable id="backTestEUR" emptyMessage="No existe información." rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
				rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}"
				value="#{administrarBackTest.adminBackTestModel.listaBackTestEUR}" var="fila">
				<p:columnGroup type="header">  
	              <p:row >  
	                  <p:column  width="200px" rowspan="2" headerText="Portafolio EUR"/>  
	                  <p:column colspan="4" headerText="Retorno(%)"/>  
	                  <p:column rowspan="2" width="115px" headerText="Volatilidad (%) Promedio Anual"/>
	                  <p:column rowspan="2" width="115px"  headerText="Peor Caida (%) Consecutiva"/>
	              </p:row>  
	              <p:row>  
	                   <p:column headerText="Promedio Anual"/>  
	                   <p:column width="115px" headerText="Ultimos 12 Meses"/> 
	                   <p:column  width="100px" headerText="Mejor Año"/>
	                   <p:column  width="100px" headerText="Peor Año"/> 
	              </p:row>  
	          </p:columnGroup> 	
	            <p:column style="width:200px">
					<h:outputText value="#{fila.nombre}" style="width:200px" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.retornoProAnual}" onblur="formatTextNumber(this);limpiarMensajeBT();" styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.retornoUltMeses}" onblur="formatTextNumber(this);limpiarMensajeBT();" styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.retornoMejorAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();"  styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.retornoPeorAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.volatilidadProAnio}" onblur="formatTextNumber(this);limpiarMensajeBT();" styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
				<p:column style="text-align:center">
					<h:inputText value="#{fila.peorCaida}" onblur="formatTextNumber(this);limpiarMensajeBT();" styleClass="inputTextStrech" onkeypress = "return CatchNonNumbers_(event,1,1,'.',this,2,3,this);"/>
					<f:attribute name="align" value="center" />
				</p:column>
	       </p:dataTable>
	      </h:panelGrid>
	     </h:panelGrid>
	     <h:panelGrid id="panelGuardar">
	      	 <h:outputText styleClass="messages" style="text-align:center" 
				value="#{administrarBackTest.mensajeUpdate}" id="mensajeUpdate"/>
		     <p:commandButton value="Guardar" icon="ui-icon-disk" id="btnGuardar"
	           update="backTestUSD,backTestPEN,backTestEUR,mensajeUpdate" actionListener="#{administrarBackTest.grabarAdministracionBackTest}" />  
		  </h:panelGrid>
	  </h:panelGrid>
	  <p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnGuardar">
		  <h:panelGrid columns="2">
			  <p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
			  <h:outputText value="Guardando..." style="white-space: nowrap;" />
		  </h:panelGrid>
	  </p:blockUI>
 </ui:define>
 </ui:composition>
 </html>